.page {
	display: flex;
	flex-direction: column;
	// width: 94%;
	// margin: 100rpx 3%;
}
	// 搜索框
	.article-search {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10;
		display: flex;
		align-items: center;
		width: 100%;
		height:100rpx;
		padding: 0 2%;
		background-color: #ffffff;

		.search {
			display: flex;
			align-items: center;
			padding: 0 0 0 3%;
			width: 96%;
			height: 60rpx;
			background-color: #f6f6f6;
			border-radius: 60rpx;
			.iconfont {
				font-size: 28rpx;
				color: #C0C0C0;

			}

			input {
				width: 90%;
				height: 100%;
				color: #212121;
				font-size: 24rpx;
				margin-left: 10rpx;
			}

			.search-button {
				height: 90%;
				width: 120rpx;
				font-size: 28rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: $base;
				/* 按钮背景色 */
				color: #ffffff;
				/* 按钮文字颜色 */
				border: none;
				/* 去掉边框 */
				border-radius: 30rpx;
				/* 圆角 */
				cursor: pointer;
				/* 鼠标悬停时显示手型 */
			}

			.search-button:hover {
				background-color: #e68a00;
				/* 悬停效果 */
			}
		}

}

	// 市场
	.cart-list{
	  width: 100%;
	  background-color: #FFFFFF;
	  padding: 20rpx 0;
	  margin-top: 100rpx;
	  /* #ifdef APP-PLUS */
	  margin-top: calc(100rpx + var(--status-bar-height));
	  /* #endif */
	  .list{
	    display: flex;
	    padding: 0 3%;
	    height: 240rpx;
	    margin-bottom: 20rpx;
	    .check{
	      display: flex;
	      align-items: center;
	      width: 10%;
	      height: 100%;
	      text{
	        font-size: 36rpx;
	        color: #333333;
	      }
	      .icon-checked{
	        color: $base;
	        // box-shadow: 0 0 10rpx $base;
	      }
	    }
	    .goods{
	      display: flex;
	      align-items: center;
	      width: 90%;
	      height: 100%;
	      background-color: #FFFFFF;
	      box-shadow: 0 0 20rpx #f6f6f6;
	      border-radius: 10rpx;
	      .thumb{
	        display: flex;
	        // align-items: center;
	        justify-content: center;
	        width: 30%;
	        height: 100%;
	        margin-top: 20rpx;
	        image{
	          width: 160rpx;
	          height: 160rpx;
	          border-radius: 10rpx;
	        }
	      }
	      .item{
	        padding: 10rpx 0;
	        width: 70%;
	        height: 100%;
	        .title{
	         
	          width: 100%;
	          font-size: 32rpx;
	          color: #212121;
	          font-weight: bold;
	          
	        }
			.title1{
			 
			  width: 100%;
			  
			    font-size: 26rpx;
			    color: #C0C0C0;
			  
			}
	      }
	    }
	  }
	}
	
//下一步
	.bottom{
		position: fixed;
		bottom:0;
		width: 100%;
		height: 150rpx;
		background-color: #fff;
		.button{
			margin: 20rpx 30rpx;
			height: 100rpx;
			
			text-align: center;
			background-color: $base;
			line-height: 100rpx;
			border-radius: 50rpx;
			color: #fff;
			font-size: 32rpx;
		}
	}
	
	